<template>
  <div class="service-container">
    <img class="bgimg" src="../assets/img/bannerm.jpg"/>
    <div class="container">
        <div class="cooper">
          <div class="cooper-item">
          <h1 class="step1">资 讯 中 心</h1>
            <hr class="step2" color="#1889B2" width="30" />
            <info-item :list="list"></info-item>
        </div>
        <!--<page :total="total"></page>-->
        </div>
    <bottom :fontstyle="2"></bottom>
    </div>
  </div>
</template>

<script>
import InfoItem from './InfoItem'
import Bottom from './Bottom'
import Page from './Page'
//import '../../static/Data'
export default {
  name: 'Information',
  data () {
    return {
      list:DataManager.Information,
      total:1
    }
  },components:{
    Bottom,InfoItem,Page
  },created(){
  }
}

</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .service-container{
  padding-top: 64px;}
  .bgimg{width: 100%;}
.container{
  position: relative;
}
  .cooper{
    min-height: 600px;
  }
  h1{
    font-weight: 400;
    font-size:16px;
  }
</style>
